// 当页面宽度小于等于600px时，底部列表会部分，设置按钮点击事件进行隐藏和显示的切换
var f = false;
$(".footer_drop-down-btn").click(function () {
    if (f = !f) {
        $(this).css("transform", "rotate(180deg)");
        menuShow($(this).parent().siblings("ul"));
    } else {
        $(this).css("transform", "rotate(0)");
        menuHide($(this).parent().siblings("ul"));
    }
});

// 底部菜单隐藏
function menuHide(object) {
    object.css({
        "opacity": "0",
        "max-height": "0px"
    });
}
// 底部菜单显示
function menuShow(object) {
    object.css({
        "opacity": "1",
        "max-height": "100%"
    });
}
// 回到顶部
$(function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 500) {
            $("#returnTop").fadeIn(200);
            $("#returnTop").show();
        }
        else {
            $("#returnTop").fadeOut(200);
            $("#returnTop").hide();
        }
    });
});
//当点击“返回顶部按钮”后，回到页面顶部位置
$("#returnTop").click(function () {
    //动画效果
    $("html").animate({ scrollTop: 0 }, 500);
});

// 分页按钮
$(".page-num").click(function () {
    $(this).addClass("page-current").siblings().removeClass("page-current");
})

// 头部悬浮效果 监听滚动条
var currentVal = 0,
    scrollVal = 0;
$(window).scroll(function () {
    currentVal = scrollVal;
    scrollVal = $(window).scrollTop();
    // 页面大于200开始监听
    if (scrollVal > 200) {
        if (currentVal < scrollVal) {
            // 滚动条下滑
            $("#Top").css({
                "position": "fixed",
                "transform": "translateY(-70px)"
            });
        } else {
            // 滚动条上滑
            $("#Top").css("transform", "translateY(0)");
        }
    }
    // 页面小于0则头部设置为相对定位
    if (scrollVal < 1) {
        $("#Top").css("position", "relative");
    }
});


